<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="http://cdn.staticfile.org/codemirror/5.40.2/codemirror.min.js"></script>
	<link rel="stylesheet" href="http://cdn.staticfile.org/codemirror/5.40.2/codemirror.min.css">
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/mode/htmlmixed/htmlmixed.min.js"></script>
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/mode/css/css.min.js"></script>
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/mode/javascript/javascript.min.js"></script>
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/mode/xml/xml.min.js"></script>
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/addon/edit/closetag.min.js"></script>
	<script src="http://cdn.staticfile.org/codemirror/5.40.2/addon/edit/closebrackets.min.js"></script> 
<style>
body{min-height:300px;padding-top:90px;background: #f6f6f6;}.container{width:98%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.CodeMirror{min-height:300px;;font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;}#textareaCode{min-height:300px}#iframeResult{display: block;overflow: hidden;border:0!important;min-width:100px;width:100%;min-height:300px;background-color:#fff}@media screen and (max-width:768px){#textareaCode{height:300px}.CodeMirror{height:300px;font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;}#iframeResult{height:300px}.form-inline{padding:6px 0 2px 0}}.logo h1{background-image:url(/images/logo-domain-white.png);background-repeat:no-repeat;text-indent:-9999px;width:160px;height:39px;margin-top:10px;display:block}
</style>
<body>
	<div class="container">
		<div class="row">
			<div class="col-sm-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						<form class="form-inline">
							<div class="row">
								<div class="col-xs-6">
									<button type="button" onclick="resetCode()"
										class="btn btn-default">源代码：</button>
								</div>
								<div class="col-xs-6 text-right">
									<button type="button" class="btn btn-success"
										onclick="submitTryit()" id="execute">
										<span class="glyphicon glyphicon-send"></span> 点击运行
									</button>
								</div>
							</div>
						</form>
					</div>
					<div class="panel-body">
						<textarea class="form-control" id="editor"
							name="editor"></textarea>
					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						<form class="form-inline">
							<button type="button" class="btn btn-default">运行结果</button>
						</form>
					</div>
					<div class="panel-body">
						<div id="iframewrapper"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" th:src="@{/static/js/plugin/runjs/editor-js.js}"></script>
</html>